/**
 * background
 */
.menuBar-content{
    z-index: 5;
    position: absolute;
    background: #FFF;
    border-radius: 4px;
    border: 1px solid rgb(180,180,180);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
    padding: 4px 0px;
    margin: 0;
    list-style: none;
    display: none;
}

.menuBar-content:hover{
    display: block;
}

.menuBar-content li{
    padding: 0px 20px;
    width: 180px;
    position: relative;
    color: #333;
    text-shadow: none;
    line-height: 26px;
    cursor: default;
}

.menuBar-content li:hover{
    background-color: #eee;
}

.menuBar-content li:hover>.arrow-right{
    color: black;
}

.menuBar-content li:hover>.extent{
    display: block;
}

.menuBar-content li .arrow-right{
    position: absolute;
    right: 5px;
    top: 5px;
    font: normal 13px arial,Microsoft Yahei!important;
    color: #888;
}

.menuBar-content .transition{
    height: 0;
    border-top: #ccc solid 1px;
    margin: 4px 0;
}

/**
 * Jarvis-content
 */
#Jarvis-content{
    top: 30px;
    left: 15px;
}

#Jarvis-content li{
    padding-left: 30px;
}

#Jarvis-content #Jarvis-new #Jarvis-new-extent1{
    top: 0px;
    left: 230px;
}



/**
 * view-content
 */
#view-content{
    top: 30px;
    left: 165px;
}

#view-content li{
    padding-left: 30px;
}

#view-content li i{
    position: absolute;
    left: 5px;
    top: 4px;
    display: none;
}